// 滚动条参数
$scrollWidth: 6px;
$scrollHeight: 12px;

// 自定义滚动条样式
.custom-scrollbar {
  &::-webkit-scrollbar {
    width: $scrollWidth;
    height: $scrollHeight;
    background-color: var(--scrollbar-track-bg);
  }
  &::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-bg);
    border-radius: 6px;
  }
  &::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background-color: var(--scrollbar-track-bg);
  }
  &::-webkit-scrollbar-corner {
    // 边角，即两个滚动条的交汇处
    background-color: var(--scrollbar-track-bg);
  }
}

// 去除浮动
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}

// 文本一行显示，超出省略号显示
.oneEllipsis {
  /* #ifdef H5 || MP-WEIXIN || APP-PLUS */
  overflow: hidden; /* 隐藏超出部分内容 */
  white-space: nowrap; /* 不换行 */
  text-overflow: ellipsis; /* 使用省略号表示被裁切的内容 */
  /* #endif */

  /* #ifdef APP-NVUE */
  lines: 1; // NVUE下要用这个属性，来让文字超出隐藏变省略号
  text-overflow: ellipsis; /* 使用省略号表示被裁切的内容 */
  /* #endif */
}

// 禁止元素被选中
.user-select-none {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE, Edge */
  user-select: none; /* Standard syntax */
}

// 文本换行
.text-wrap {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}
